<!DOCTYPE html>
<html>
<head>
    <title>人员变动统计</title>
    <#include "/header.html">
</head>
<body>
<div id="rrapp">
    <div class="grid-btn">
        <a class="btn btn-primary" @click="filterSelect">设置筛选条件</a>
        <el-dialog title="筛选条件" :visible.sync="dialogFormVisible">

            <el-form  :model="q" ref="q">
                <template>
                <el-form-item label="姓名" :label-width="formLabelWidth">
                <input type="text" class="form-control" v-model="q.empName" @keyup.enter="query" placeholder="模糊查询">
                </el-form-item>
                </template>
                <el-form-item label="岗位状态" :label-width="formLabelWidth">
                    <el-select v-model="q.status" placeholder="请选择">
                        <el-option
                                v-for="item in statusType"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="入职时间" :label-width="formLabelWidth">
                    <div class="block" >
                        <el-date-picker
                                v-model="q.queryByDate"
                                type="daterange"
                                value-format="yyyy-MM-dd"
                                unlink-panels
                                start-placeholder="开始日期"
                                end-placeholder="结束日期">
                        </el-date-picker>
                    </div>
                </el-form-item>
                <el-form-item label="性别" :label-width="formLabelWidth">
                    <template>
                    <el-radio-group v-model="q.gender">
                        <el-radio label="1" >男</el-radio>
                        <el-radio label="2" >女</el-radio>
                    </el-radio-group>
                    </template>
                </el-form-item>
                <el-form-item label="学历" :label-width="formLabelWidth">
                    <el-checkbox-group v-model="q.education">
                        <el-checkbox label="博士" name="education"></el-checkbox>
                        <el-checkbox label="硕士" name="education"></el-checkbox>
                        <el-checkbox label="本科" name="education"></el-checkbox>
                        <el-checkbox label="高中" name="education"></el-checkbox>
                    </el-checkbox-group>
                </el-form-item>
                <el-form-item label="政治背景" :label-width="formLabelWidth">
                    <el-checkbox-group v-model="q.background">
                        <el-checkbox label="群众" name="background"></el-checkbox>
                        <el-checkbox label="团员" name="background"></el-checkbox>
                        <el-checkbox label="预备党员" name="background"></el-checkbox>
                        <el-checkbox label="党员" name="background"></el-checkbox>
                    </el-checkbox-group>
                </el-form-item>

                <el-form-item label="部门" :label-width="formLabelWidth">
                    <el-input type="text" maxlength="10" v-model="q.deptName" @focus="deptTree" readonly="readonly" placeholder="选择部门"></el-input>
                </el-form-item>
                <el-form-item label="职名" :label-width="formLabelWidth">
                    <el-autocomplete
                            v-model="q.office"
                            :fetch-suggestions="querySearchAsync"
                            @select="handleSelect">
                    </el-autocomplete>
                </el-form-item>
                <el-form-item :label-width="formLabelWidth">
                    <el-button @click="resetForm()">重置</el-button>
                </el-form-item>
            </el-form>
            <template>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible = false">取 消</el-button>
                    <el-button type="primary" @click="filterOption">确 定</el-button>
                </div>
            </template>
        </el-dialog>
        <a class="btn btn-primary"  @click="empShow">查看</a>
        <#if shiro.hasPermission("fun:emp:export")>
        <a class="btn btn-info" @click="exportExcel"><i class="fa fa-file-excel-o"></i>&nbsp;导出</a>
        </#if>
    </div>
    <table  id="jqGrid"></table>
    <div  id="jqGridPager"></div>
</div>
<!-- 选择部门 -->
<div id="deptLayer" style="display: none;padding:10px;">
    <ul id="deptTree" class="ztree"></ul>
</div>
<script  src="${request.contextPath}/statics/js/modules/function/emp_info_statistics.js?_${.now?long}"></script>
</body>
</html>